.theme{background: #996a00}
.color{color: #996a00}

/*========================================= 头部 =====================================*/
header{width:100%;}
.top{line-height: 20px;padding: 10px 0;background: #313131;color: #fff}
.topnav{width: 100%;position: absolute;z-index: 11}
.topA{}
.logo{padding: 0;margin-top: 10px}
.logo img{float: left}
nav{padding: 0!important;}
nav ul{display: flex;justify-content: space-between}
nav ul li{line-height: 90px;font-size: 16px;width: 14.2%;text-align: center}
nav ul li:hover a,nav ul li.active a{color: #fff}

.title{text-align: center;margin-top: 40px}
.title h2{font-size: 30px}
.title h2 span{font-weight: normal}
.title p{color: #666;margin: 8px 0 0}
.title i{font-style: normal;font-weight: bold;font-size: 16px}

.oneA{}
.oneA .hd{margin-top: 20px}
.oneA .hd ul{display: flex;justify-content: center}
.oneA .hd ul li{line-height: 45px;text-align: center;margin: 0 5px;border-radius: 5px;opacity: 0.9}
.oneA .hd ul li a{color: #fff}
.oneA .hd ul li.on{opacity: 1!important;}
.oneA .bd ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneA .bd ul li{text-align: center;margin-top: 30px}
.oneA .bd ul li p{line-height: 50px;}
.oneA .bd ul li a{color: #fff}
.oneA .bd ul li dd{overflow: hidden;text-align: center}
.oneA .bd ul li dd img{transition: all 0.5s ease;display: inline-block}
.oneA .bd ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}

.oneB{background: url("../img/oneb.jpg") no-repeat center;background-size: cover;overflow: hidden;padding: 40px 0 80px;margin-top: 40px}
.oneBs{position: relative}
.oneBl img{width: 100%}
.oneBr{position: absolute;top: 40px;right: 0;}
.oneBr .oneBra{background: #fff;padding: 30px 30px 80px 30px;}
.oneBr h3{font-weight: normal;font-size: 28px}
.oneBr h3 a{display: inline-block;float: right;width: 117px;line-height: 40px;font-size: 16px;color: #fff;text-align: center;border-radius: 3px}
.oneBr .text{margin-top: 30px;line-height: 2}


.oneC{}
.oneCa{margin-top: 40px;overflow: hidden}
.oneCa ul img{max-width: 100%;min-height: 390px;}
.oneCa ul li{margin: 15px 0 50px 0}
.oneCa ul li dd{width: 50px;height: 50px;text-align: center;color: #fff;float: left;
    transform: rotateZ(45deg);}
.oneCa ul li dd b{font-size: 28px;display: block;line-height: 50px;transform: rotateZ(-45deg);}
.oneCa ul li dl{margin-left: 80px;}
.oneCa ul li dl h3{font-size: 18px;line-height: 1.6;font-weight: normal}
.oneCa ul li dl p{line-height: 2;color: #5a5a5a}
.oneCa ul li dl span{border-top: 1px dashed #cccccc;display: block;margin: 10px 0}
.oneCa ul li dl p i{font-style: normal;margin-right: 6px}

.oneD{background: url("../img/oned.jpg") no-repeat center;background-size: cover;overflow: hidden;margin-top: 30px;padding-bottom: 40px}
.oneD .title h2{color: #fff}
.oneD .title p{color: #d9d9d9}
.oneDs ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneDs ul li{margin-top: 24px}
.oneDs ul li p{text-align: center;line-height: 40px}
.oneDs ul li a{color: #fff}
.oneDs ul li dd{overflow: hidden;text-align: center}
.oneDs ul li dd img{transition: all 0.5s ease;display: inline-block}
.oneDs ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1);}

.oneE{}
.oneE .oneEa{margin-top: 20px}
.oneE .oneEa ul{display: flex;justify-content: center}
.oneE .oneEa ul li{line-height: 45px;text-align: center;margin: 0 5px;border-radius: 5px;opacity: 0.9}
.oneE .oneEa ul li a{color: #fff}
.oneE .oneEa ul li.on{opacity: 1!important;}

.oneEb{margin-top: 40px;overflow: hidden}
.oneEbl .bd ul li a{display: block;position: relative}
.oneEbl .bd ul li dd img{width: 100%;min-height: 417px}
.oneEbl .bd ul li dt{padding: 10px;background: rgb(0,0,0,0.4);position: absolute;bottom: 0;left: 0;width: 100%;color: #fff;line-height: 1.8}
.oneEbl .bd ul li dt h3{font-weight: normal;font-size: 16px}
.oneEbl .hd{background-color: #000000;text-align: right;padding: 4px 6px;margin-top: 0}
.oneEbl .hd ul li{display: inline-block;width: 20px;height: 20px;text-align: center;line-height: 20px;color: #999;cursor: pointer;
    background-color: #444444;font-size: 12px}
.oneEbl .hd ul li.on{background: #FF6605;color: #fff;}

.oneEbr{}
.oneEbr ul li{overflow: hidden;margin-bottom: 20px}
.oneEbr ul li dd{background: #434343;color: #fff;text-align: center;width: 90px;height: 73px;float: left;margin-right: 20px}
.oneEbr ul li b{display: block;font-size: 30px;line-height: 44px;}
.oneEbr ul li dl p{font-size: 18px;margin-bottom: 5px}
.oneEbr ul li dl span{font-size: 12px;color: #5a5a5a;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}

/*========================================= 底部 =====================================*/
.footer{width: 100%;background-color: #000;overflow: hidden;padding: 40px 0;margin-top: 40px}
.foota{padding-top: 20px}
.foota p{color: #999;line-height: 2}
.foota dl{margin-top: 20px}
.foota a{color: #999}
.footc{border-left: #6e6e6e dashed 1px;}
.footc dd{display: inline-block;width: 110px;height: 110px;text-align: center;}
.footc dd img{width: 110px;height: 110px;display: inline-block;}
.footc dl{text-align: center}
.footc p{margin-top: 10px;color: #7f7f7f}

.copy{background: #2B2B2B;color: #7f7f7f;line-height: 2;text-align: center;}
.copya{border-top: 1px solid #928e8e;padding: 10px 0}


@media screen and (max-width: 768px) {
    .top{display: none}
    .topAl{display: none}
    .topAr{display: none}
     nav{display: none}
    .menu-button{display: block}
    .footfix{display: block}
    .footline{display: block}
    .footb{display: none}
    .footc{display: none}
    .navs_menu{display: block}
    .footer{padding: 25px 0}

    .logo{margin-top: 0}
    .topA{padding: 12px}
    .title h2{font-size: 22px}
    .oneA .hd{padding: 0 12px}
    .oneA .hd ul li{line-height: 40px}
    .oneA .bd ul li p{line-height: 40px}
    .oneBr{position: initial}
    .oneBr .oneBra{padding: 20px 20px 40px 20px}
    .oneBr h3{font-size: 20px}
    .oneBr h3 a{font-size: 14px;width: 95px;line-height: 32px}
    .oneCa ul li{margin: 20px 0 20px 0}
    .oneCa ul li dd{width: 40px;height: 40px;}
    .oneCa ul li dd b{font-size: 22px;line-height: 40px}
    .oneCa ul li dl{margin-left: 60px}
    .oneCa ul li dl h3{font-size: 16px}
    .oneCa ul img{min-height: initial}
    .oneCab{margin-top: 0}
    .oneDs ul li p{line-height: 32px}
    .oneE .oneEa{padding: 0 12px}
    .oneE .oneEa ul li{line-height: 40px}
    .oneEbr{margin-top: 20px}
    .oneEbr ul li dl p{font-size: 16px}
    .oneEbr ul li dd{font-size: 12px;width: 75px;height: 62px;margin-right: 15px}
    .oneEbr ul li b{font-size: 22px;line-height: 37px}
    .foota{padding-top: 0}
}